﻿<textarea id="tweet-box"></textarea>
<input type="button" id="tweet-btn" value="Tweet" />
<a data-bind="visible: newTweets().length > 0, text: newTweets().length" class="show-new-tweets"></a>
<ul class="twitter-timeline" data-bind="foreach: tweets">
    <li>
        <div class="twitter-user-element">
            <img alt="avatar" data-bind="attr: { 'src': profile_image_url }" width="48" height="48" />
            <div>
                <div>
                    <strong class="twitter-name" data-bind="text: from_user_name"></strong>
                    <!--<a class="follow" data-bind="attr: { 'data-id': id_str }">follow</a>-->
                </div>
                <div class="twitter-username">@<span data-bind="text: from_user"></span></div>
            </div>
        </div>

        <div data-bind="text: text"></div>

        <div>
            <span data-bind="text: $root.parseDate(created_at)"></span>
            <div class="twitter-actions">
                <a class="expand" data-bind="attr: { 'data-id': id_str }">expand</a>
<!--                <a class="reply" data-bind="attr: { 'data-id': id_str }">reply</a>-->
                <a class="retweet" data-bind="attr: { 'data-id': id_str }">retweet</a>
                <a class="favorite" data-bind="attr: { 'data-id': id_str }">favorite</a>
                <!--<a class="delete" data-bind="attr: { 'data-id': id_str }">delete</a>-->
            </div>
        </div>
        <div class="tweet-details">
        </div>
    </li>
</ul>
<a class="more-tweets">more...</a>
